// header
$(function() {
    $('.nav-car').hover(() => {
        setTimeout(() => {
            $('.subnav-car>.loader').removeClass('show').addClass('hide').siblings().removeClass('hide').addClass('show');
        }, 1000);
    }, () => {
        setTimeout(() => {
            $('.subnav-car>.loader').removeClass('hide').addClass('show').siblings().removeClass('show').addClass('hide');
        }, 200);
    })

    $('form').hover(() => {
        $('#search').removeClass('border-gray').addClass('border-black');
        $('#search-btn').removeClass('border-gray').addClass('border-black');
    }, () => {
        $('#search').removeClass('border-black').addClass('border-gray');
        $('#search-btn').removeClass('border-black').addClass('border-gray');
    })

    $('#search').on({
        'focus': () => {
            $('.search-hot-words').addClass('hide');
            $('.keyword-list').addClass('show').removeClass('hide');
            $('#search-btn').removeClass('border-black').addClass('border-orange');
            $('#search').removeClass('border-black').addClass('border-orange');
        },
        'blur': () => {
            $('.search-hot-words').removeClass('hide');
            $('.keyword-list').removeClass('show').addClass('hide');
            $('#search-btn').addClass('border-gray').removeClass('border-orange');
            $('#search').addClass('border-gray').removeClass('border-orange');
        }
    })
})